@charset "utf-8";
/* 小组样式表 */
#main .bgA_01{ width:980px; margin:0 auto;}
#main .bgA_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#main #leftArea{ width:700px; float:left;}
#main #rightArea{ width:263px; float:left; padding:0 0 0 17px;}

/* 功能模块样式 */

.hotPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.hotPanel_01 .titleField{}
.hotPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -350px no-repeat;}
.hotPanel_01 .listField{ padding:0 0 0 10px;}
.hotPanel_01 .listField:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.hotPanel_01 .listField .imgContent{ width:270px; height:264px; float:left; margin:0 10px 0 0; position:relative; overflow:hidden;}
.hotPanel_01 .listField .imgContent .img{ width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgContent .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgContent .img img{ display:block;}
.hotPanel_01 .listField .imgContent .text{ position:absolute; left:0; bottom:0; width:100%; padding:5px 0; background:rgba(0,0,0,0.5); color:#fff; line-height:24px;}
.hotPanel_01 .listField .imgContent .text h2{ font-weight:bold; text-align:center; width:100%; height:24px; overflow:hidden;}
.hotPanel_01 .listField .imgContent .text h2 a{ color:#fff;}
.hotPanel_01 .listField .imgContent .text .count{ float:right; padding:0 10px 0 0; width:30%; height:24px; overflow:hidden; text-align:right;}
.hotPanel_01 .listField .imgContent .text .name{ padding:0 0 0 10px; color:#ffeca2; width:50%; height:24px; overflow:hidden;}
.hotPanel_01 .listField .imgContent .text .name a{ color:#ffeca2;}

.hotPanel_01 .listField .listContent{ width:245px; float:left; margin:0 10px 0 0;}
.hotPanel_01 .listField .listContent ul{}
.hotPanel_01 .listField .listContent ul li{ margin:0 0 10px; background:#eee; height:127px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .img{ padding:10px; width:80px; height:80px; float:left;}
.hotPanel_01 .listField .listContent ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .img img{ display:block;}
.hotPanel_01 .listField .listContent ul li .text{ margin:0 0 0 100px; padding:0 10px 0 0;}
.hotPanel_01 .listField .listContent ul li .text h2{ padding:3px 0 0; line-height:28px; font-weight:bold; color:#333; height:28px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .text h2 a{ color:#333;}
.hotPanel_01 .listField .listContent ul li .text p{ height:60px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .info{ clear:both; height:20px; padding:0 10px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .info .count{ float:right; width:30%; height:24px; overflow:hidden; text-align:right;}
.hotPanel_01 .listField .listContent ul li .info .name{ color:#f60; width:50%; height:24px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .info .name a{ color:#f60;}

.hotPanel_01 .listField .imgListContent{ width:145px; float:left;}
.hotPanel_01 .listField .imgListContent ul{}
.hotPanel_01 .listField .imgListContent ul li{ margin:0 0 10px; height:127px; overflow:hidden; position:relative;}
.hotPanel_01 .listField .imgListContent ul li .img{ width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgListContent ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgListContent ul li .img img{ display:block;}
.hotPanel_01 .listField .imgListContent ul li .text{ position:absolute; left:0; bottom:0; width:100%; padding:8px 0; background:rgba(0,0,0,0.5); color:#fff; line-height:24px;}
.hotPanel_01 .listField .imgListContent ul li .text p{ text-align:center;}
.hotPanel_01 .listField .imgListContent ul li .text a{ color:#fff;}


.invitationPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.invitationPanel_01 .titleField{}
.invitationPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -400px no-repeat;}
.invitationPanel_01 .listField{ padding:0 20px;}
.invitationPanel_01 .listField dl{ padding:0 0 8px;}
.invitationPanel_01 .listField dl dt{ height:30px; padding:7px 0 6px; font-weight:bold; color:#333;}
.invitationPanel_01 .listField dl dd{ margin:0 0 10px; background:#eee; height:30px; color:#999; overflow:hidden;}
.invitationPanel_01 .listField dl dd a{ color:#333; display:block;}
.invitationPanel_01 .listField dl .info1, .invitationPanel_01 .listField dl .info2, .invitationPanel_01 .listField dl .info3, .invitationPanel_01 .listField dl .info4, .invitationPanel_01 .listField dl .info5{ float:left; height:30px; line-height:30px; overflow:hidden;}
.invitationPanel_01 .listField dl .info1{ padding:0 0 0 10px; width:290px;}
.invitationPanel_01 .listField dl .info2{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl .info3{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl dd .info3{ text-align:center; width:90px; line-height:15px;}
.invitationPanel_01 .listField dl .info4{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl .info5{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl dd .info5{ line-height:15px;}



.recommendPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.recommendPanel_01 .titleField{}
.recommendPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -50px no-repeat;}
.recommendPanel_01 .listField{ height:144px; overflow:hidden;}
.recommendPanel_01 .listField ul{}
.recommendPanel_01 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.recommendPanel_01 .listField li{ padding:0 10px; width:80px; height:124px; float:left;}
.recommendPanel_01 .listField li .img{ width:100%; height:80px;}
.recommendPanel_01 .listField li .img a{ width:100%; height:80px; display:block; overflow:hidden;}
.recommendPanel_01 .listField li .img img{ display:block;}
.recommendPanel_01 .listField li .text{ padding:4px 0 0; overflow:hidden; color:#f08200; text-align:center;}
.recommendPanel_01 .listField li .text a{ color:#f08200;}
.recommendPanel_01 .listField li .count{ text-align:center; padding:4px 0 0;}


.groupPanel_02{ width:100%; background:#fff; margin:0 0 20px;}
.groupPanel_02 .titleField{}
.groupPanel_02 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -500px no-repeat;}
.groupPanel_02 .menuField{ width:150px; float:left; padding:10px 0 0 10px;}
.groupPanel_02 .menuField ul{}
.groupPanel_02 .menuField ul li{ width:100%; height:40px; padding:0 0 20px; line-height:40px;}
.groupPanel_02 .menuField ul li a{ display:block; width:100%; height:100%; background:#dadada; text-align:center; font-weight:bold; color:#000;}
.groupPanel_02 .menuField ul li a.on, .groupPanel_02 .menuField ul li a:hover{ text-decoration:none; background:#000; color:#fff;}
.groupPanel_02 .nTabField{ margin:20px 0 0 180px; height:30px; overflow:hidden;}
.groupPanel_02 .nTabField .count{ float:left;; line-height:30px;}
.groupPanel_02 .nTabField ul{ text-align:right; font-size:0;}
.groupPanel_02 .nTabField ul li{ display:inline-block; padding:0 20px 0 0; line-height:30px; font-size:12px; vertical-align:middle;}
.groupPanel_02 .nTabField ul li a{ display:block; text-align:center;}
.groupPanel_02 .nTabField ul li a:hover,.groupPanel_02 .nTabField ul li a.on{ color:#f60; text-decoration:none;}
.groupPanel_02 .nTabField ul li a.on{ font-weight:bold; background:url(../images/icon_arrow_02.gif) 50% 100% no-repeat;}
.groupPanel_02 .listField{ margin:20px 0 0 180px;}
.groupPanel_02 .listField ul{ height:685px; overflow:hidden;}
.groupPanel_02 .listField ul li{ margin:0 10px 10px 0; background:#eee; height:127px; width:245px; overflow:hidden; float:left;}
.groupPanel_02 .listField ul li .img{ padding:10px; width:80px; height:80px; float:left;}
.groupPanel_02 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.groupPanel_02 .listField ul li .img img{ display:block;}
.groupPanel_02 .listField ul li .text{ margin:0 0 0 100px; padding:0 10px 0 0;}
.groupPanel_02 .listField ul li .text h2{ padding:3px 0 0; line-height:28px; font-weight:bold; color:#333; height:28px; overflow:hidden;}
.groupPanel_02 .listField ul li .text h2 a{ color:#333;}
.groupPanel_02 .listField ul li .text p{ height:60px; overflow:hidden;}
.groupPanel_02 .listField ul li .info{ clear:both; height:20px; padding:0 10px; overflow:hidden;}
.groupPanel_02 .listField ul li .info .count{ float:right; width:30%; height:24px; overflow:hidden; text-align:right;}
.groupPanel_02 .listField ul li .info .name{ color:#f60; width:50%; height:24px; overflow:hidden;}
.groupPanel_02 .listField ul li .info .name a{ color:#f60;}
.groupPanel_02 .pageNumField{ padding:14px 0 0; margin:0 20px 0 180px; line-height:16px; height:40px; text-align:right;}
.groupPanel_02 .pageNumField a{ display:inline-block; vertical-align:middle; padding:0 5px; color:#999;}
.groupPanel_02 .pageNumField a.first, .groupPanel_02 .pageNumField a.last{ color:#333; font-family:"宋体";}
.groupPanel_02 .pageNumField a:hover,.groupPanel_02 .pageNumField a.on{ text-decoration:none; background:#999; color:#fff;}


.userPanel_01{ width:100%; background:#fff; margin:0 0 20px; height:105px;}
.userPanel_01 .imgField{ width:85px; height:85px; padding:10px 0 10px 10px; float:left;}
.userPanel_01 .imgField a{ display:block; width:100%; height:100%; overflow:hidden;}
.userPanel_01 .imgField img{ display:block;}
.userPanel_01 .infoField{ margin-left:98px;}
.userPanel_01 .infoField .title{ position:relative; padding:0 0 0 9px;}
.userPanel_01 .infoField .title .more{ float:right;}
.userPanel_01 .infoField .title .more .btn{ display:block; width:25px; height:25px; background:url(../images/btn_fans_01.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.userPanel_01 .infoField .title h1{ padding:5px 0 0; line-height:24px; font-size:14px; font-weight:bold;}
.userPanel_01 .infoField .title h2{ color:#999;}
.userPanel_01 .infoField .info{ padding:8px 0 0;}
.userPanel_01 .infoField .info ul{}
.userPanel_01 .infoField .info ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.userPanel_01 .infoField .info ul li{ width:43px; float:left; padding:0 1px 0 9px; background:url(../images/line_01.gif) 100% 50% no-repeat; color:#f08200; line-height:18px;}
.userPanel_01 .infoField .info ul li p{ height:18px; overflow:hidden;}
.userPanel_01 .infoField .info ul li .num{ font-size:11px;}

.myGroupPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.myGroupPanel_01 .titleField{}
.myGroupPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -250px no-repeat;}
.myGroupPanel_01 .infoField{ padding:10px 0 10px 11px; height:60px; overflow:hidden;}
.myGroupPanel_01 .infoField ul{ width:100%; height:100%; overflow:hidden;}
.myGroupPanel_01 .infoField ul li{ width:74px; height:100%; float:left; padding:0 10px 0 0;}
.myGroupPanel_01 .infoField ul li a{ display:block; width:72px; height:58px; border:1px solid #ccc; overflow:hidden; position:relative;}
.myGroupPanel_01 .infoField ul li a:hover{ text-decoration:none; background:#f6f6f6;}
.myGroupPanel_01 .infoField ul li a span{ display:block; padding:36px 5px 0; text-align:right; cursor:pointer;}
.myGroupPanel_01 .infoField ul li a span.count{ position:absolute; top:6px; left:10px; padding:0; color:#666;}

.dynamicPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.dynamicPanel_01 .titleField{}
.dynamicPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -300px no-repeat;}
.dynamicPanel_01 .listField{ padding:0 10px;}
.dynamicPanel_01 .listField ul{}
.dynamicPanel_01 .listField ul li{ height:60px; overflow:hidden; padding:0 0 20px;}
.dynamicPanel_01 .listField ul li .img{ height:100%; width:60px; float:left;}
.dynamicPanel_01 .listField ul li .img a{ display:block; height:100%; width:100%; overflow:hidden;}
.dynamicPanel_01 .listField ul li .img img{ display:block;}
.dynamicPanel_01 .listField ul li .info{ margin:0 0 0 67px}
.dynamicPanel_01 .listField ul li .info .num{ float:right; padding:8px 0 0; color:#999;}
.dynamicPanel_01 .listField ul li .info .name{ height:36px; line-height:36px; font-size:14px; color:#f08200; padding:0 0 0 18px; background:url(../images/icon_person_01.gif) -2px 3px no-repeat;}
.dynamicPanel_01 .listField ul li .info .name a{ color:#f08200;}
.dynamicPanel_01 .listField ul li .info .text{ height:24px; line-height:24px; padding:0 0 0 6px; background:#eee; color:#999; overflow:hidden;}


.advPanel_02{ width:100%; margin:0 0 20px;}
.advPanel_02 a{ display:block; width:100%; height:194px; overflow:hidden;}
.advPanel_02 img{ display:block;}


.linkPanel_02{ width:100%; clear:both; background:#fff; margin:0 0 20px;}
.linkPanel_02 .infoField{ padding:8px 20px 0; color:#999;}
.linkPanel_02 .infoField em{ color:#333;}
.linkPanel_02 .linkField{ padding:17px 0 0 20px; height:90px; font-size:0;}
.linkPanel_02 .linkField a,.linkPanel_02 .linkField span{ display:inline-block; vertical-align:middle; padding:0 20px 0 0;}
.linkPanel_02 .linkField img{ display:block;}